<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./01.css">
    <link rel="stylesheet" href="./css/swiper-bundle.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/swiper-bundle.js"></script>
</head>

<body>
    <div>
        <div class="head">
            <div class="head-tt">
                <div class="head-log">
                    <div class="log-img">
                        <img src="./imge/01.png"> </div>
                    <div class="log-ul">
                        <ul>
                            <li><a href="./den.html">登录</a></li><em>|</em>
                            <li><a href="./zhu.html">注册</a></li><em>|</em>
                            <li>我的账户</li>
                            <li>我的收藏</li>
                            <li><a href="./gowc.html">我的购物袋 </a></li>
                        </ul>
                        <div class="head-ww">
                            <input type="text" value="搜索您感兴趣的内容">
                            <button>搜索</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="cont">
            <div class="cont-bb">
                <ul>
                    <li>首页</li>
                    <li>品牌动向</li>
                    <li>新品咨询</li>
                    <li>精选货品
                    </li>
                    <li>到店新品</li>
                    <li>跨界合作</li>
                    <li>特惠专区</li>
                    <li><a href="./leb.html">服装</a></li>
                    <li>鞋/配饰</li>
                </ul>
                <span class="las"> 客服营业时间；周一至周五9：00-18：00</span>
            </div>
        </div>
        <div class="booy">
            <div class="booy-bx">
                <div class="booy-lbt">
                    <div class="swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="./imge/02.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./imge/02.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="./imge/02.png" alt="">
                            </div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>
                        
                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>

                </div>
                <div class="booy-bu">
                    <ul>
                        <li><a href="./leb.html"> <img src="./imge/04.png"></a></li>
                        <li> <a href="./leb.html"><img src="./imge/05.png"></a></li>
                        <li> <a href="./leb.html"><img src="./imge/06.png"></a></li>
                        <li> <a href="./leb.html"><img src="./imge/07.png"></a></li>
                        
                    </ul>
                </div>
                <h3> News 品牌动向</h3>
                <div class="booy-er">
                    <ul>
                        <!-- <li><img  class="tup" src="imge/12.png"><button>我要看看</button><p>可爱花花</p></li>
                        <li><img src="imge/10.png"><button>我要看看</button><P></P></li>
                        <li><img src="imge/13.png"><button>我要看看</button><p></p></li>
                        <li><img src="imge/08.png"><button>我要看看</button><p></p></li>

                        <li><img src="imge/09.png"><button>我要看看</button><p></p></li>
                        <li><img src="imge/11.png"><button>我要看看</button><p></p></li> -->
                    </ul> 
                </div>
                <h3>New In 新品咨询</h3>
                <div class="booy-san">
                    <ul>
                        <li> <a href="./leb.html"><img src="./imge/04.png"></a></li>
                        <li> <a href="./leb.html"><img src="./imge/05.png"></a></li>
                        <li> <a href="./leb.html"><img src="./imge/06.png"></a></li>
                        <li> <a href="./leb.html"><img src="./imge/07.png"></a></li>
                    
                    </ul>
                </div>
            </div>
        </div>
        <div class="booy-dd">
            <div class="booy-bb">
                <ul>
                    <li>活动日历</li>
                    <li><img src="./imge/14.png"></li>
                    <li>新品上市</li>
                </ul>
                <ul>
                    <li>官方微信</li>
                    <li><img src="./imge/15.png"></li>
                </ul>
                <ul>
                    <li>品牌咨询</li>
                    <li><img src="./imge/16.png"></li>
                </ul>
                <ul>
                    <li>ABOUT US</li>
                    <li><img src="./imge/17.png"></li>
                </ul>
            </div>
        </div>
        <div class="foort">
            <div class="foort-hh">
                <img src="./imge/18.png">
            </div>
        </div>
    </div>
  
    <script>
         var mySwiper = new Swiper ('.swiper', {
           
           direction: 'horizontal', // 水平切换选项
           loop: true, // 循环模式选项
           speed:500,//图片和图片的切换时间
           autoplay:true,
           effect: 'cube',//图片切换方式  
         
         // 如果需要分页器
         pagination: {
           el: '.swiper-pagination',
           type: 'fraction',//数字按钮的样式
         },
         
         // 如果需要前进后退按钮
         navigation: {
           nextEl: '.swiper-button-next',
           prevEl: '.swiper-button-prev',
         },
         
         // 如果需要滚动条
         scrollbar: {
           el: '.swiper-scrollbar',
         },
       })        
    </script>
    <script src="./js/ajax1.js"></script>
    <script src="./js/shouye.js"></script>

</body>

</html>